<template>
  <div>
    <el-divider content-position="left">个人基本信息</el-divider>
    <div style="padding-left: 20px">
      <el-row :gutter="20" style="height: 40px">
        <el-col :span="8"
          ><div class="grid-content bg-purple">
            姓名：{{ formInline.studentName }}
          </div></el-col
        >
        <el-col :span="8"
          ><div class="grid-content bg-purple">
            学号：{{ formInline.student_Number }}
          </div></el-col
        >
        <el-col :span="8"
          ><div class="grid-content bg-purple">学校：玉林师范学院</div></el-col
        >
      </el-row>
      <el-row :gutter="20" style="height: 40px">
        <el-col :span="8"
          ><div class="grid-content bg-purple">
            二级学院：{{ formInline.SecondaryCollege }}
          </div></el-col
        >
        <el-col :span="8"
          ><div class="grid-content bg-purple">
            班级：{{ formInline.className }}
          </div></el-col
        >
      </el-row>
    </div>
  </div>
</template>
<script>
export default {
  name: "information",
  data() {
    const userInfo = JSON.parse(localStorage.getItem("userInfo"));
    return {
      formInline: {
        SecondaryCollege: userInfo?.SecondaryCollege,
        className: userInfo.className,
        studentName: userInfo.studentName,
        student_Number: userInfo.student_Number,
      },
    };
  },
};
</script>
<style lang="scss" scoped>
.el-divider__text {
  background-color: rgb(204, 204, 204);
  font-size: 20px;
}
</style>